<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/contact_us.css">
    <title>联系我们</title>
</head>

<body>
    <!-- 顶部模块 -->
    <div class="container header-top">
        <header class="header">
            <div class="header_left">
                <h1>
                    <a href="#">
                    资海网络集团
                </a>
                </h1>
                <i></i>
                <div class="stock_code">
                    <span>股票代码</span>
                    <span>870835</span>
                </div>
            </div>
            <a href="nav.html" class="header_right"></a>
        </header>
    </div>

    <!-- banner模块 -->
    <div class="banner">
        <img src="./images/contact_us_banner.png" alt="">
    </div>

    <!-- nav模块 -->
    <nav class="nav container">
        <a href="" class="item active">武汉资源</a>
        <a href="" class="item">南昌资源</a>
        <a href="" class="item">厦门资源</a>
        <a href="" class="item">上海资源</a>
        <a href="" class="item">成都资源</a>
    </nav>

    <!-- 地图模块 -->
    <div class="map container">
        <img src="./images/contact_us_map.png" alt="">
    </div>

    <!-- 地址信息模块 -->
    <div class="map_msg container">
        <li class="item">
            <div class="msg_left">
                <img src="./images/contact_us_map_icon01.png" alt="">
            </div>
            <div class="msg_right">
                <h4>公司地址</h4>
                <p>湖北省武汉市楚河汉街总部A座23F</p>
            </div>
        </li>
        <li class="item">
            <div class="msg_left">
                <img src="./images/contact_us_map_icon02.png" alt="">
            </div>
            <div class="msg_right">
                <h4>联系电话</h4>
                <p>服务热线：400-8208-820</p>
            </div>
        </li>
        <li class="item">
            <div class="msg_left">
                <img src="./images/contact_us_map_icon03.png" alt="">
            </div>
            <div class="msg_right">
                <h4>联系邮箱</h4>
                <p>zdys@163.com</p>
            </div>
        </li>
    </div>

    <!-- 联系模块 -->
    <div class="contact container">
        <div class="top">
            <div class="hr">———</div>
            <div class="contact_you">
                <h3>让我们联系您</h3>
                <p>Let's contact you</p>
            </div>
            <div class="hr">———</div>
        </div>

        <form action="" class="bottom">
            <input type="text" class="item" placeholder="请填写您的姓名">
            <input type="text" class="item" placeholder="请填写您的联系方式">
            <select class="item">
                <option value="企业网站建设">企业网站建设</option>
            </select>
            <input type="text" class="item" placeholder="请填写您的邮箱">
            <textarea placeholder="请填写您的邮箱"></textarea>
            <div class="btn-center"><button class="btn">提交信息</button></div>
        </form>
    </div>

    <!-- 侧边栏模块 -->
    <div class="container">
        <aside>
            <a href="#">
                <img src="./images/aside_call.png" alt="">
            </a>
            <a href="#">
                <img src="./images/aside_top.png" alt="">
            </a>
        </aside>
    </div>

    <!-- 底部模块 -->
    <footer>
        <div class="container">
            <div class="footer_hd">
                <li>
                    <a href="zihai_dynamics.html">
                    资海产品
                </a>
                </li>
                <li>
                    <a href="home.html#daili">
                    代理业务
                </a>
                </li>
                <li>
                    <a href="company_profile.html">
                    资海品牌
                </a>
                </li>
                <li>
                    <a href="contact_us.html">
                    联系我们
                </a>
                </li>
            </div>
            <div class="copyright">
                123 ©copyright:2016-2017 www.bfnic.cn 版权所有<br> 鄂字备 23010402000047号
            </div>
        </div>
        </div>

    </footer>

    <!-- 底部导航栏模块 -->
    <div class="container footer-bot">
        <div class="footer_nav">
            <li>
                <a href="home.html" class="active">
                    <img src="./images/footer_icon01.png" alt="">
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="programme_details.html#hight">
                    <img src="./images/footer_icon02.png" alt="">
                    <span>高端定制</span>
                </a>
            </li>
            <li>
                <a href="programme_details.html">
                    <img src="./images/footer_icon03.png" alt="">
                    <span>解决方案</span>
                </a>
            </li>
            <li>
                <a href="company_environment.html">
                    <img src="./images/footer_icon04.png" alt="">
                    <span>关于资海</span>
                </a>
            </li>
        </div>
    </div>
</body>

</html>